<template>
	<view class="container">
		<image class="paySuccess" :src="$getImageSrc('img_zfcg.png')" mode=""></image>
		<view class="tip">
			您已预约成功，请等待服务人员上门
		</view>
		<view class="time">
			期望服务时间：{{serviceData.appointmentTime}}
		</view>
		<footer-button btnTip='返回首页' @clickFooter='goHome'></footer-button>
	</view>
</template>

<script>
// import footerButton from '../../../washcarserve/components/footer-button/footer-button.vue';
	export default {
//   components: { footerButton },
		data() {
			return {
				serviceData:null
			};
		},
		onShow() {
		  	this.serviceData = this.$getStorageSync('seriveParams')
		},
		onUnload(){
          this.$removeStorageSync('seriveParams')
		},
		 methods:{
			 goHome(){
					uni.reLaunch({
						url:'/pages/index/index'
					}) 
			 }
		 }
	}
</script>

<style lang="scss">
  .container{
	  background: #F8F8F8;
	  height: 100%;
	  overflow: hidden;
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: center;
	  .paySuccess{
		  width: 240rpx;
		  height: 240rpx;
		  margin-top: 240rpx;
		  margin-bottom: 100rpx;
	  }
	  .tip{
		  color: #2A2B2B;
		  font-size: 32rpx;
		  line-height: 100rpx;
	  }
	  .time{
		  color: #AEB3B3;
		  font-size: 24rpx;
	  }
	  .goHome{
		  width: 80%;
		  position: absolute;
		  bottom: 100rpx;
		  left: 10%;
		  background: linear-gradient( 225deg, #8AF3B3 0%, #02B1AA 100%);
		  box-shadow: 0rpx 0rpx 24rpx 2rpx rgba(2,177,170,0.3);
		  border-radius: 16rpx 16rpx 16rpx 16rpx;
		  color: #fff;
		  height: 88rpx;
		  line-height: 88rpx;
		  font-size: 36rpx;
	  }
  }
</style>
